<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Boot WMS</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css"> 
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> 
  <!-- Tempusdominus Bbootstrap 4 -->
  <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- JQVMap -->
  <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
  <!-- summernote -->
  <link rel="stylesheet" href="plugins/summernote/summernote-bs4.css"> 
  <!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">

  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">  
	<div id="test1"></div> 
	<div id="test2"></div>
    
    <ul class="navbar-nav ml-auto"> 
		<div id="test3"></div> 
		<div id="test4"></div>
		<li class="nav-item">
		  <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
		    <i class="fas fa-th-large"></i>
		  </a>
		</li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <aside class="main-sidebar sidebar-dark-primary elevation-4">
  	<div id="logo1"></div> 
    <div class="sidebar">
		<div id="user1"></div>
		<nav class="mt-2">
			 <ul class="nav nav-pills nav-sidebar flex-column" 
			 	 data-widget="treeview" 
			 	 role="menu" 
			 	 data-accordion="false">
			 	<div id="menu1"></div> 
		 	 </ul>
		</nav>
  	</div> 
  </aside>  

  
  <div class="content-wrapper">
  	<!-- 主区域标题 -->
    <section class="content-header">
   		<!-- 移库操作 -->
    	<div class="container-fluid">
	    	<div class="row mb-2">
    			
	   			<div class="col-sm-9">
	   				<h1 class="m-0 text-dark">
	   					移库操作	
	   				</h1>
	   			</div>

	   			<div class="col-sm-1">
		   			<button type="button"
		   				class="btn btn-block btn-primary"
		   				data-toggle="modal"
		   				data-target="#modal-addnewLOC"
		   			> 
		   				查库存
		   			</button>
	   			</div>

	   			<div class="col-sm-2">
	   				<ol class="breadcrumb float-sm-right">
	   					<li class="breadcrumb-item"><a href="./index.html">主页</a></li>
	   					<li class="breadcrumb-item active">移库操作</li>
	   				</ol>
	   			</div>	   			

	    	</div>
    	</div>
   
    </section>

    <section class="content">
    	<div class="card">

    		<div class="card-header">
    			<h3 class="card-title">库位查询选项</h3>
    		</div>
			    	
    		<div class="card-body"> 
    			<div class="card" id="queryLOC">
    				<form action="" name="post_form" id="post_form" role="form">

    					<div class="row">
    						
								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>库位ID</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>库位编号</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>库位名称</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>库位类型</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div> 

    					</div>

    					<div class="row">
    						
								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>批次号</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>入库号</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>物料号</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>客户编号</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div> 

    					</div>

    					<div class="row">
    						
								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>备注1</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>备注2</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>
								
								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>备注3</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div>

								<div class="col-sm-3">
				  					<div class="form-group">
					  					<label>备注4</label>
										<input type="text" id="locId" name="locId" 
											class="form-control" placeholder="">
				  					</div>
								</div> 

    					</div>
    				</form>
    			</div>
    		</div>

    	</div>

    	<div class="card">
    		
    		<div class="card-header">
    			<h3 class="card-title">库位列表</h3>
    		</div>

    		<div class="card-body">
    			<div id="jsGrid1"></div>
    		</div>

    	</div>
    </section>

  </div>
  
</div>  
<div id="footer"></div>
  
<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>
</body>
<script type="text/javascript">



	
	(function($){
		console.log("start");
		localStorage.setItem("menuId", 4);
		//$("#mainHeader").load("mainHeader1.html");
		$("#test1").load("test1.html");
		$("#test2").load("test2.html");
		$("#test3").load("test3.html");
		$("#test4").load("test4.html");
		$("#logo1").load("logo1.html");
		$("#user1").load("user1.html");
		$("#menu1").load("menu1.html");
		$("#footer").load("foot.html");



		initialData();
 
		initTableData();

		test1();
	})(jQuery);


	function test1(){
		console.log("test1()");

	  const ABC = 'abc';

	  var text1 = `
			<div>
				.${ ABC }.
			</div>
	  ` 

		console.log("text1-=>",text1);
	}

	function initialData(){		

		setTimeout(function () { 
			console.log("initialData changeActive3333");
			changeMenuActive(1);
        },1000);
	}

	function initTableData() {
		console.log("initTableData()");


	}
</script>
</html>